<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>桂林旅游网</title>
		<link rel="stylesheet" type="text/css" href="../bootstrap3.3/css/bootstrap.css"/>
	</head>
	<body>
		<div class="container">
			<div class="row clearfix">
				<div class="col-md-12 column">
					<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
						<div class="navbar-header">
							 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> 
							 <a class="navbar-brand" href="#">桂林旅游网</a>
						</div>
						
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li class="active">
									 <a href="#">景点</a>
								</li>
								<li>
									 <a href="#">预定</a>
								</li>
								<li>
									 <a href="#">会员</a>
								</li>
								<li class="dropdown">
									 <a href="#" class="dropdown-toggle" data-toggle="dropdown">购票<strong class="caret"></strong></a>
									<ul class="dropdown-menu">
										<li>
											 <a href="#">预定</a>
										</li>
										<li>
											 <a href="#">线上订购</a>
										</li>
										<li class="divider">
										</li>
										<li>
											 <a href="#">关于我们</a>
										</li>
									</ul>
								</li>
							</ul>
							<form class="navbar-form navbar-left" role="search">
								<div class="form-group">
									<input type="text" class="form-control" />
								</div> <button type="submit" class="btn btn-default">查询</button>
							</form>
							<ul class="nav navbar-nav navbar-right">
								<li>
									 <a href="#">登录</a>
								</li>
								<li>
									 <a href="#">注册</a>
								</li>
							</ul>
						</div>
						
					</nav>
					<div class="carousel slide" id="carousel-384298">
						<ol class="carousel-indicators">
							<li data-slide-to="0" data-target="#carousel-384298">
							</li>
							<li data-slide-to="1" data-target="#carousel-384298" class="active">
							</li>
							<li data-slide-to="2" data-target="#carousel-384298">
							</li>
						</ol>
						<div class="carousel-inner">
							<div class="item">
								<img alt="" src="../img/gl1.jpg" />
								<div class="carousel-caption">
									<p>
										桂林山水甲天下，玉碧罗青意可参
									</p>
								</div>
							</div>
							<div class="item active">
								<img alt="" src="../img/gl2.jpg" />
								<div class="carousel-caption">
									<p>
										十里画廊莫如是
									</p>
								</div>
							</div>
							<div class="item">
								<img alt="" src="../img/gl3.jpg" />
								<div class="carousel-caption">
									<p>
										桂林山水甲天下，兴坪山水甲桂林
									</p>
								</div>
							</div>
						</div> <a class="left carousel-control" href="#carousel-384298" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-384298" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
					</div>
					<div id="one">
						<h3 style="text-align: center; margin: 30px;">
							<span style="background-color: #285E8E;padding: 5px 40px;border-radius: 30px;color: white;">
								桂林一日游
							</span>
						</h3>
						<div class="row clearfix">
							<div class="col-md-6 column">
								<img alt="140x140" src="../img/gl1.jpg" width="100%"/>
								<div class="carousel-caption">
									<h4>
										<a href="#" style="color: white;">桂林-漓江-阳朔-龙脊梯田 5天4晚 990 起</a>
									</h4>
								</div>
							</div>
							<div class="col-md-6 column">
								<div class="row clearfix">
									<div class="col-md-6 column">
										<img alt="140x140" src="../img/gl2.jpg" width="100%"/>
										<div class="carousel-caption">
											<a href="#" style="color: white;">
												桂林-漓江-阳朔-龙脊梯田 5天4晚 990 起
											</a>
										</div>
									</div>
									<div class="col-md-6 column">
										<img alt="140x140" src="../img/gl1.jpg" width="100%"/>
									</div>
								</div>
								<p></p>
								<div class="row clearfix">
									<div class="col-md-6 column">
										<img alt="140x140" src="../img/gl2.jpg" width="100%"/>
									</div>
									<div class="col-md-6 column">
										<img alt="140x140" src="../img/gl1.jpg" width="100%"/>
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<div id="two">
						<h3 style="text-align: center; margin: 30px;">
							<span style="background-color: #285E8E;padding: 5px 40px;border-radius: 30px;color: white;">
								桂林二日游
							</span>
						</h3>
						<div class="row clearfix">
							<div class="col-md-6 column">
								<img alt="140x140" src="../img/gl1.jpg" width="100%"/>
								<div class="carousel-caption">
									<h4>
										<a href="#" style="color: white;">桂林-漓江-阳朔-龙脊梯田 5天4晚 990 起</a>
									</h4>
								</div>
							</div>
							<div class="col-md-6 column">
								<div class="row clearfix">
									<div class="col-md-6 column">
										<img alt="140x140" src="../img/gl2.jpg" width="100%"/>
										<div class="carousel-caption">
											<a href="#" style="color: white;">
												桂林-漓江-阳朔-龙脊梯田 5天4晚 990 起
											</a>
										</div>
									</div>
									<div class="col-md-6 column">
										<img alt="140x140" src="../img/gl1.jpg" width="100%"/>
									</div>
								</div>
								<p></p>
								<div class="row clearfix">
									<div class="col-md-6 column">
										<img alt="140x140" src="../img/gl2.jpg" width="100%"/>
									</div>
									<div class="col-md-6 column">
										<img alt="140x140" src="../img/gl1.jpg" width="100%"/>
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<div id="three">
						<h3 style="text-align: center; margin: 30px;">
							<span style="background-color: #285E8E;padding: 5px 40px;border-radius: 30px;color: white;">
								桂林三日游
							</span>
						</h3>
						<div class="row clearfix">
							<div class="col-md-6 column">
								<img alt="140x140" src="../img/gl1.jpg" width="100%"/>
								<div class="carousel-caption">
									<h4>
										<a href="#" style="color: white;">桂林-漓江-阳朔-龙脊梯田 5天4晚 990 起</a>
									</h4>
								</div>
							</div>
							<div class="col-md-6 column">
								<div class="row clearfix">
									<div class="col-md-6 column">
										<img alt="140x140" src="../img/gl2.jpg" width="100%"/>
										<div class="carousel-caption">
											<a href="#" style="color: white;">
												桂林-漓江-阳朔-龙脊梯田 5天4晚 990 起
											</a>
										</div>
									</div>
									<div class="col-md-6 column">
										<img alt="140x140" src="../img/gl1.jpg" width="100%"/>
									</div>
								</div>
								<p></p>
								<div class="row clearfix">
									<div class="col-md-6 column">
										<img alt="140x140" src="../img/gl2.jpg" width="100%"/>
									</div>
									<div class="col-md-6 column">
										<img alt="140x140" src="../img/gl1.jpg" width="100%"/>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div id="four">
						<h3 style="text-align: center; margin:40px 0 20px;">
							<span style="background-color:orange;padding: 5px 40px;border-radius: 30px;color: white;">
								桂林旅游
							</span>
						</h3>
						<div style="font-size: 16px;margin: 20px 0;">
							桂林旅游，创建于1959年10月20日，距今已有60多年历史。从1959年成立至今，桂林旅游以优质的服务及良好的口碑连续多年获得“全国百强国际旅行社”、“广西十强国际旅行社”、“广西自治区服务业品牌”等荣誉称号。桂林旅游作为桂林旅游市场的领头羊，参与和引领桂林旅游市场的发展。桂林旅游将一如既往地以严谨高效的服务态度、品质为先的服务理念，为广大旅游者提供全面、贴心的旅游、旅行服务。
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="end" style="background-color: black;color: white;padding: 10px;text-align: center;font-size: 16px;">
			<span style="padding: 5px;">桂旅简介</span>
			<span style="padding: 5px;">桂旅荣誉</span>
			<span style="padding: 5px;">联系我们</span>
		</div>
	</body>
	<script src="../js/jquery-1.11.1.min.js"></script>
	<script src="../bootstrap3.3/js/bootstrap.js"></script>
</html>
